<%-- 
    Document   : indexInscripcion.jsp
    Created on : 16-jul-2012, 9:12:33
    Author     : Administrador
--%>
<%@page import="com.util.UtilDate"%>
<%@page import="com.javabeans.Carrera"%>
<%@page import="com.javabeans.Gestion"%>
<%@page import="java.util.List"%>
<%@include file="../sessionEst.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    int i = 0;
    String msg = "";
    if(request.getAttribute("msg") != null){
        msg = (String)request.getAttribute("msg");
    }
    String msgMat = "";
    if(request.getAttribute("msgMat") != null){
        msgMat = (String)request.getAttribute("msgMat");
    }
    
    List<Carrera> carrerasActivas = (List<Carrera>)request.getAttribute("carrerasActivas");
    List<Gestion> gestiones = (List<Gestion>)request.getAttribute("gestiones");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SiSS </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="css/styles.css" type="text/css" />
        <link rel="stylesheet" href="css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="images/ico.png" type="image/png"/>
        <script type="text/javascript" src="js/comun.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <style type="text/css">
            .miIzqTabla{width: 30%; border: 1px solid #fff;color:#fff;text-align:right;padding:2px;font-size: 12px;font-family: arial;background-color: #0958a7;box-shadow: 0px 1px 3px #004080;}           
            .cuerpoMa{width:83%;display:block;float:left;margin-right:5px;}
            .cuerpoMa .izq{width:45%; float:left;	margin-right:5px;}
            .cuerpoMa .medio{width:54.5%;display:block;float:left;}
            .yDerMa{width:15.7%;float:right;}
        </style>
        <script type="text/javascript">
            <%
            i=0;
            out.println(" gestiones = new Array();");
            for(Gestion g:gestiones){
                out.print(" gestiones["+i+"] = new Array("+g.getIdGestion()+","+g.getIdFacultad()+",'"+g.getNombre()+"'); ");
                i++;
            }
            i = 0;
        %>
            
            $(document).ready(function(){
                $("#formCod").validate({
                    submitHandler: function(form) {
                        // antes de enviar hacemos algunas cosas
                        $("#carrera option:selected").each(function (){
                            var param = $(this).val().split("_");
                            $("#idCarrera").val(param[0]);
                            $("#idFacultad").val(param[1]);
                            $("#nomFacultad").val(param[2]);
                            $("#nomCarrera").val($(this).text());
                        });
                        form.submit();
                    }
                });
                
                $("#carrera").change(function(){ // si cambia de carrera llenamos las gestiones de dicha unidad académica
                    $("#carrera option:selected").each(function (){
                      var value = $(this).val();
                      value = value.split("_");
                      idFacultad = value[1];
                      text = '<option value="">Seleccione Ges</option>';
                      for(i=0; i<gestiones.length; i++){
                          if(idFacultad == gestiones[i][1]){
                              text += '<option value="'+gestiones[i][0]+'">'+gestiones[i][2]+'</option>';
                          }
                      }
                      $("#idGestion").html(text);
                    });
                });
            });
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../headEst.jsp" %>
            <!-- cuerpo -->
            <div id="bodySpace">
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle" style="position: absolute">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a href="Principal?accion=1&v1=<%=s_idEstudiante%>&v2=<%=s_psw%>">Home</a></li>
                            <li><span style="color:#666"></span></li>
                            <li class="current-page"><span class="end"><span class="middle">Inscripciones</span></span></li>
                        </ul>                       
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                <div id="principal">
                    <div class="cuerpoMa" style="border: 0px solid"><br/><br/>
                        <div class="izq" style="">
                            <div id="menuprin" style="width: 100%"><!--  style="width:250px" -->
                                <div class="menuIzqMarco" >
                                    <div class="menu_css">
                                        <h3 class="title">C&Oacute;DIGO MATRICULA</h3>
                                    <%
                                        if(msg.length() > 0){
                                            out.println("<div style='clear: both;text-align: center'><br/>");
                                            out.println("   <label style='clear: left; color: red'>"+msg+"</label>");
                                            out.println("</div>");
                                        }
                                    %>
                                        <form id="formCod" method="POST" action="Inscripciones"><br/>
                                            <input type="hidden" name="accion" id="accion" value="2"/>
                                            <input type="hidden" name="idCarrera" id="idCarrera" value=""/>
                                            <input type="hidden" name="idFacultad" id="idFacultad" value=""/>
                                            <input type="hidden" name="nomCarrera" id="nomCarrera" value=""/>
                                            <input type="hidden" name="nomFacultad" id="nomFacultad" value=""/>
                                            <div style="clear:left;text-align:center;color:red;font-family: monospace;font-size: 15px"><%=msgMat%></div>
                                            <div style="clear: both">
                                                <label class="form_align15">Carrera :</label>
                                                <select name="carrera" id="carrera" class="form_input_align required" title="Seleccione una carrera!">
                                                <%
                                                    int idFacultad = 0;
                                                    if(carrerasActivas.size() == 1){
                                                        Carrera c = (Carrera)carrerasActivas.get(0);
                                                        out.println("<option value='"+c.getIdCarrera()+"_"+c.getIdFacultad()+"_"+c.getFacultad().getNombre()+"'>"+c.getNombre()+"</option>");
                                                        idFacultad = c.getIdFacultad();
                                                    }else{
                                                        out.println("<option value=''>Seleccione</option>");
                                                        for(Carrera c:carrerasActivas){
                                                            out.println("<option value='"+c.getIdCarrera()+"_"+c.getIdFacultad()+"_"+c.getFacultad().getNombre()+"'>"+c.getNombre()+"</option>");
                                                        }
                                                    }
                                                %>    
                                                </select>
                                                <label class="error">*</label>
                                            </div>
                                            <div style="clear: both">
                                                <label class="form_align15">Gesti&oacute;n :</label>
                                                <select name="idGestion" id="idGestion" class="form_input_align required" title="Seleccione Gesti&oacute;n!">
                                            <%
                                                out.println("<option value=''>Seleccione Gesti&oacute;n</option>");
                                                if(idFacultad != 0){ // solo existe una especialidad
                                                    for(Gestion g:gestiones){
                                                        if(idFacultad == g.getIdFacultad())
                                                            out.println("<option value='"+g.getIdGestion()+"'>"+g.getNombre()+"</option>");
                                                    }
                                                }
                                            %>    
                                                </select>
                                                <label class="error">*</label>
                                            </div>    
                                            <div style="clear: both">
                                                <label class="form_align15">C&oacute;digo :</label>
                                                <input type="password" name="p1" id="p1" class="form_input_align required" title="Ingrese CÃ³digo" maxlength="10" size="11" onkeyup="this.value = this.value.toUpperCase()"/>
                                                <label class="error">*</label>
                                            </div>
                                            <div style="clear: both">
                                                <label class="form_align15">&nbsp;</label><br/>
                                                <input type="submit" value="Ingresar" class="boton form_input_align"/>
                                            </div>
                                            <div style="clear: both"><br/>
                                                <label style="clear: left;font-weight: bold;padding-left: 3px;">* Recuerde cerrar su inscripci&oacute;n antes de salir</label>
                                            </div>
                                            <div style="clear: both">
                                                <table border="0" style="width: 100%">
                                                    <thead>
                                                        <tr style="background-color: #CCC">
                                                            <th>Gesti&oacute;n <%=UtilDate.getYear()%></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr style="background-color: #f3f3f3">
                                                            <td>En el campo c&oacute;digo debe ingresar el cod. acceso que aparece en la matr&iacute;cula</td>
                                                        </tr>
                                                        <tr style="background-color: #f3f3f3">
                                                            <td>En la matr&iacute;cula existe 1 codigo de acceso; mismo c&oacute;digo consta de 8 caracteres alfanum&eacute;ricos.</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="medio" style="border: 0px solid">
                            <h2 style='text-align:center' class="decorado"><span>PASOS PARA INSCRIBIRSE</span></h2><br/>
                            <center>
                                <div style="clear:both"><!--border: 1px solid red-->
                                    
                                    <table border="0" style="width: 100%;color: #000000; font-family: Tahoma; font-size: 8pt; font-style: normal; font-weight: normal; line-height: 12pt; text-decoration: none;line-height:21px;padding-bottom:35px;">
                                        <tbody>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">1.-</td>
                                                <td style="padding-left: 20px;">Para poder inscribirse primero debe comprar su matr&iacute;cula la cual tiene 1 c&oacute;digos de acceso. La compra de la matr&iacute;cula lo debe realizar en las ventanillas habilitadas. ¡Es importante que mantenga la privacidad de sus c&oacute;digos de acceso!</td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">2.-</td>
                                                <td style="padding-left: 20px;">La nueva matr&iacute;cula tiene 1 c&oacute;digo de acceso (de longitud 8) para garantizar la seguridad y privacidad de su inscripci&oacute;n. Durante el proceso de inscripci&oacute;n se le solicitar&aacute; el c&oacute;digo de acceso. No olvide mantener la privacidad de este c&oacute;digo de acceso. </td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">3.-</td>
                                                <td style="padding-left: 20px;">Es requisito indispensable para inscribirse que no tenga ninguna deuda pendiente con la SI-ESFM. Si es que tuviera alguna deuda no podr&aacute; ingresar al sistema y se le mostrar&aacute; las deudas pendientes.</td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">4.-</td>
                                                <td style="padding-left: 20px;">El sistema le solicitar&aacute; que ingrese 1 c&oacute;digo de acceso que aparece en la matr&iacute;cula. Este c&oacute;digo de acceso debe ingresarse en la caja de texto que se encuentra en la parte izquierda (Tome en cuenta que el c&oacute;digo de acceso tiene una longitud de 8 caracteres alfanum&eacute;ricos).</td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">5.-</td>
                                                <td style="padding-left: 20px;">Al ingresar a su inscripci&oacute;n agrege las materias a las cuales desee inscribirse (junto con el grupo y tipo de inscripci&oacute;n) presionando el bot&oacute;n <b>[+] A&ntilde;adir Materias</b>. En caso que desee modificar su inscripci&oacute;n a alguna materia presione el enlace <b>[*] Cambiar</b>. Si desea borrar, marque la (o las) materia(s) y presione el bot&oacute;n <b>[-] Retirar materia(s)</b></td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">6.-</td>
                                                <td style="padding-left: 20px;">Antes de salir de su inscripci&oacute;n compruebe que esta inscrito en las materias y grupos correctos en la pantalla "Estado de Inscripci&oacute;n"</td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">7.-</td>
                                                <td style="padding-left: 20px;">Una vez que ha completado y verificado su inscripci&oacute;n presione el bot&oacute;n <b>[/] Terminar Inscripci&oacute;n</b> para cerrar el proceso de inscripci&oacute;n</td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px;position: absolute">8.-</td>
                                                <td style="padding-left: 20px;">Puede ingresar a su inscripci&oacute;n las veces que desee, usando el c&oacute;digo de acceso de su matricula considerando las restricciones (o d&iacute;as) de acceso establecidas por SI-ESFM.(Por lo general, solo podra ingresar durante el mismo d&iacute;a que se inscribio)</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </center>
                            
                        </div>
                    </div>
                    <div class="yDerMa" style="border: 1px solid #ccc;">
                        <%@include file="../../publicidad.jsp" %>                       
                    </div><!--end of rightPan-->
                </div>
            </div>
            <!-- footer -->
            <%@include file="../../../footer.jsp" %>
        </div>
    </body>
</html>

